<template>
  <div class="right_set pad_lr20 pad_tb20 margin_l40">
    <div class="f18"><b>题干设置</b></div>
    <!-- <div class="tt">最少选择</div>
    <div class="flex_ac setitem" style="padding-left: 0;">
      <div class="flex1">
        <el-input placeholder="请填写" size="small"></el-input>
      </div>
      <div class="flex_s">个选项</div>
    </div>
    <div class="tt">最多选择</div>
    <div class="flex_ac setitem" style="padding-left: 0;">
      <div class="flex1">
        <el-input placeholder="请填写"  size="small"></el-input>
      </div>
      <div class="flex_s">个选项</div>
    </div>
    <div class="tt">选项顺序</div>
    <div class="flex_ac setitem" style="padding-left: 0;">
      <div class="flex1">
        <el-select v-model="value" placeholder="请选择"  size="small">
          <el-option
            v-for="item in openOptions"
            :key="item.value"
            :label="item.label"
            :value="item.value">
          </el-option>
        </el-select>
      </div>
    </div> -->
    <div class="tt">自动勾选</div>
    <div class="flex_ac setitem">
      <div class="flex1"><span class="dark">暂未设置</span></div>
      <a href="javascript:;" @click="open=true">去设置</a>
    </div>
    <div class="tt">跳转逻辑</div>
    <div class="flex_ac setitem">
      <div class="flex1">已设置2项</div>
      <a href="javascript:;" @click="open2=true">去设置</a>
    </div>
    <div class="line"></div>
    <div class="tt">上传附件</div>
    <div class="flex pad_t20" style="justify-content: space-between;">
      <el-checkbox-group v-model="checkList">
          <el-checkbox label="1">图片</el-checkbox>
          <el-checkbox label="2">视频</el-checkbox>
          <el-checkbox label="3">音频</el-checkbox>
        </el-checkbox-group>
    </div>

  </div>
</template>

<script>

export default {
  name: 'rightset',
  data () {
    return {
      checkList:[],
      value:'',
      openOptions: [{label:'当前页面打开',value:0},{label:'新页面打开',value:1}],
      form: {},
      // 表单校验
      rules: {
        no: [
          { required: true, message: "项目编号不能为空", trigger: "blur" }
        ],
        title: [
          { required: true, message: "项目名称不能为空", trigger: "blur" }
        ]
      },
      open:false,


      form2: {},
      // 表单校验
      rules2: {
        no: [
          { required: true, message: "项目编号不能为空", trigger: "blur" }
        ],
        title: [
          { required: true, message: "项目名称不能为空", trigger: "blur" }
        ]
      },
      open2:false,
      is_ajax:false
    }
  },
  created() {
  },
  methods:{
    /** 删除按钮操作 */
    handleDelete(row) {
      // const ids = row.id || this.ids;
      this.$confirm('是否确认删除?', "警告", {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning"
        }).then(function() {
          return delBanner(ids);
        }).then(() => {
          this.getList();
          this.msgSuccess("删除成功");
        })
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.right_set{background: #F9FAFC;  width: 282px; margin-top: 20px;}
.right_set .tt{color: #828696; line-height: 20px; padding-top: 16px;}
.right_set .setitem{margin: 8px 0;background: #F4F7FA; border-radius: 4px; padding: 3px; border: 1px solid #F0F2F5; padding-left: 12px;}
.right_set .setitem a{display: block; line-height: 32px; color: #004EA2; background: #D9E4EF; padding: 0 8px; border-radius: 4px;}
.line{height: 1px; background: #DFE6EE; margin-top: 20px; margin-bottom: 10px;}

.set_win_content{color: #1F2329;}
.set_win_content .item{background: #F4F7FA;  border-radius: 4px; padding: 16px 20px; font-size: 15px;}
.set_win_content .set_d{background: #E4EAF0; padding:  10px 12px; padding-top: 16px;}
.add_d  img{width: 20px; height: 20px; margin-right: 6px;}
.set_win_content .s_item{padding: 5px 0;}
</style>
